<%-- 
    Document   : circle
    Created on : 2011. 12. 5, 오후 4:13:23
    Author     : The Lunatics
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Circle Info Page</title>


        <!-- IMPORT CSS       -->
        <link rel="stylesheet" type="text/css" href="default.css"/>

        <style type="text/css">
            /* YOU CAN ADD EVERY CSS STYLES HERE !!!! 
            * I WILL WRAP ALL THIS UP TO ONE CSS FILE LATER
            */
        </style>
    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                <%@include file="header.html" %>
            </div>
            <div id="container">
                <div class="content min-width min-height">
                    

<form enctype="multipart/form-data" action="/settings" method="post">
  <input name="F435737772547Y3GNCA" type="hidden" value="true">
  <a target="_blank" class="helpLink" href="http://support.foursquare.com/entries/20104808-an-overview-of-your-profile-settings">고객지원</a>
  <h2>당신의 프로필</h2>
  <div id="yourProfile" class="settingsBox">
    <ul>
      <li id="profPic">
        <label>
          프로필 사진 
          <span title="" class="settingTip">?</span>
        </label>
        <div class="formFields">
          <div class="profileImage">
            <img src="https://img-s.foursquare.com/userpix_thumbs/BCYLTGDD1BVDZXXE.jpg" width="30" height="30" class="notranslate" alt="HoeJin K.">
          </div>
          <p class="matchLineHeight">
            <span class="highlight">
              <input type="file" name="F435737772543JIZPPF">
            </span>
          </p>
          <p class="helpText">100KB 미만의 GIF, JPG, PNG 파일만 가능합니다.</p>
        </div>
      </li>
      <li id="namefields">
        <label>
          이름 
          <span title="" class="settingTip">?</span>
        </label>
        <div class="formFields names">
          <input id="firstname" name="F435737772537XO5MTD" type="text" maxlength="100" value="HoeJin" class="formStyle notranslate">
          <input id="lastname" name="F435737772538UUO4QD" type="text" maxlength="100" value="Kwon" class="formStyle notranslate">
        </div>
      </li>
      <li>
        <label>전화 번호</label>
        <div class="formFields">
          <input id="userPhone" name="F435737772542WD0DW0" type="text" maxlength="20" value="" class="formStyle notranslate phoneNumber">
          <span class="passwordVerification" style="display: none">
            <input class="formStyle notranslate" type="password" name="" id="passwordVerification" placeholder="verify password">
            <span title="" class="settingTip">?</span>
          </span>
        </div>
      </li>
      <li>
        <label>이메일 주소</label>
        <div class="formFields">
          <input id="userEmail" name="F4357377725391FGVJI" type="text" maxlength="50" value="rikibbartin@nate.com" class="formStyle notranslate emailAddress">
          <span class="passwordVerification" style="display: none">
            <input class="formStyle notranslate" type="password" name="" id="passwordVerification" placeholder="verify password">
            <span title="" class="settingTip">?</span>
          </span>
        </div>
      </li>
      <li>
        <label>
          위치 
          <span title="" class="settingTip">?</span>
        </label>
        <div class="formFields">
          <input id="ht_id" value="Lake Grove, NY" tabindex="1" maxlength="100" type="text" name="F43573777254043KBHO" class="formStyle notranslate">
        </div>
      </li>
      <li class="genUID genUID-left">
        <label>성별</label>
        <div class="formFields">
          <p class="matchLineHeight">
            <select name="F435737772541A0MBZV" id="gender">
              <option value="5LDOP4S4CHHEYVZULOXQ">여성</option>
              <option value="H5GCAG5BVAKXHRBGITUH" selected="selected">남성</option>
              <option value="G5ELNEMAL33APEB5BD5T">밝히고 싶지 않음</option>
            </select>
          </p>
        </div>
      </li>
      <li class="genUID genUID-right">
        <label>
          사용자 ID
          </label>
        <p class="matchLineHeight notranslate">
            15588189
          </p>
      </li>
      <li>
        <label> </label>
        <p class="matchLineHeight">
          <a href="/change_password">비밀번호 변경</a>
        </p>
      </li>
    </ul>
    <input class="newGreenButton greenButton translate" type="submit" name="F435737872544T3QBSO" value="변경사항 저장">
  </div>
</form>


                </div>
            </div>

            <div id="footer">
                <%@include file="footer.jspf" %>
            </div>

    </body>
</html>
